.executeSqlModal {
  height: calc(100% - 80px);
  width: calc(100% - 80px);
  top: 40px;
  padding-bottom: 0;
  min-width: 880px;
  overflow-x: auto;
  margin: 0 40px;

  :global {
    .ant-modal-content {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      .ant-modal-body {
        height: calc(100% - 30px);
        padding: 16px;
        overflow: auto;
      }
      .ant-modal-footer {
        display: none;
      }
    }
  }
  .executeSqlDetailBox {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    .sqlTooltip {
      white-space: pre-wrap;
      max-height: 100px;
      overflow-y: auto;
    }
    :global {
      .ant-tabs-content {
        height: 100%;
        .ant-tabs-tabpane {
          height: 100%;
        }
      }
    }
    .spin {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .sql {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      flex-shrink: 0;
      max-width: 640px;
    }
    .flexBetween {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  }
  .tabTitle {
    padding: 15px 0;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
  }
}
